.clearfix{*zoom:1;}

.clearfix:before,
.clearfix:after{display:table; line-height:0; content:"";}

.clearfix:after{clear:both;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,figure{margin:0;padding:0}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
img{border:0}

h1{font-size:18px; font-weight:normal; color:#333;}
h2{font-size:1.8em}
h3{font-size:1.3em}
h4{margin-bottom:20px; font-size:16px; font-weight:normal}
h5{font-size:1em}
p,blockquote{margin-bottom:20px;line-height:170%}

.hide{display:none}
.italic{font-style:italic}
.bold{font-weight:bold}


.red{color:red;}
.yellow{color:yellow;}
.green{color:green;}
.blue{color:blue;}
.orange{color:orange;}
.pink{color:pink;}
.gray{color:gray;}
.white{color:white;}
.black{color:black;}
.brown{color:brown;}

.hongmaColor{color:#db666b}

.fsmall{font-size:.8em}
.floatleft{float:left}
.floatright{float:right}
.underline{text-decoration:underline}

.hide-text{
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

a:hover,
a:active {
  outline: 0;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
.google-maps img {
  max-width: none;
}

button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}

button,
input {
  *overflow: visible;
  line-height: normal;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
	border-bottom: 1px solid #fff;
    margin: 30px 0;
    padding: 0;
}

@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}

body {
  margin: 0;
  font-family: "Microsoft Yahei", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 170%;
  color: #666;
  border-top:5px solid #4f4f4f;
  background:url(../images/noise_mainbg.gif) #fff;
}


a {
  color: #666666;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #db666b;
  text-decoration: underline;
}


.wrapper{width:1423px; margin:0 auto; -webkit-transition:width .3s linear; -moz-transition:width .3s linear; transition:width .3s linear;}
body.gallery .wrapper{width:92%; margin:0 4%; -webkit-transition:margin .3s linear,width .3s linear; -moz-transition:margin .3s linear,width .3s linear; transition:margin .3s linear,width .3s linear;}

header{margin-bottom:40px;}
header .wrapper{position:relative; height:68px;}
header hr{margin:0; clear:both;}
header .logo{position:absolute; left:0; top:9px; display:inline-block; width:144px; height:52px; background:url(../images/logo.png) no-repeat; text-indent:-99999em; overflow:hidden;}
header .search{position:absolute; right:0; top:0; width:217px; padding-left:23px; height:68px; border-left:1px solid #ddd;}
header .search .submit_input{float:left; width:175px; height:18px; line-height:18px; padding:6px; background-color:#fff; border:0; color:#999; margin-top:19px;}
header .search .submit_button{float:left; width:30px; height:30px; background:url(../images/searchsubmit_button.gif); border:medium none; text-indent:-99999px; letter-spacing: -5px; color:#fff; padding:0px; margin:19px 0 0 0; display:block; cursor:pointer;}
.border_bottom{border-bottom:1px solid #ddd;}
.margin_top30{margin-top:30px;}

.menu{position:absolute; top:0; right:241px;}
.menu li{float:left; font-size:14px; border-left:1px solid #ddd; height:68px;}
.menu li:first-child{border-left:0;}
.menu li a{display:block; padding-left:18px; padding-right:18px; line-height:64px; color:#333;}
.menu li a:hover,
.menu li a.active{
	text-decoration:none; color:#333; border-bottom:4px solid #d9474d;
}
.menu_close{display:none;}
.menu_icon{display:none;}


.list_carousel{float:left; position:relative; width:700px; background-color:#e4e4e4;}
.list_carousel li{ float:left; width:700px; height:100%;}
.list_carousel li .img{float:left;}
.list_carousel li h4{padding:20px 24px 0px 24px; margin-bottom:0; color:#333; max-height:48px; overflow:hidden; display:inline-block; float:left; width:193px;}
.list_carousel li p{padding:0px 24px 0px 24px; margin-top:20px; font-size:12px; max-height:104px; overflow:hidden; display:inline-block; float:left; width:193px;}
.list_carousel li h4 a,.list_carousel li h4 a:hover{text-decoration:none; color:#333;}
.list_carousel li p a,.list_carousel li p a:hover{text-decoration:none; color:#666;}
.timer{background-color:rgba(255,255,255,.7); height:6px; width:0px; position:absolute; bottom:0px; display:inline-block;}
.sliderpager{position:absolute; bottom:16px; left:483px;}
.sliderpager a:hover,.sliderpager a:focus{text-decoration:none}
.sliderpager a{display:inline-block; width:10px; height:10px; margin:0 3px; overflow:hidden; text-indent:-99999em; background:#6e6e6e; cursor:pointer; opacity:.8; -webkit-transition:background .5s, opacity .5s; -moz-transition:background .5s, opacity .5s; transition:background .5s, opacity .5s;}
.sliderpager a:hover,.sliderpager a.selected{background:#db666b;}

.list_carouselShow{background:none;}
.sliderpager_show{position:absolute; bottom:16px; left:523px;}
.sliderpager_show a:hover,.sliderpager_show a:focus{text-decoration:none}
.sliderpager_show a{display:inline-block; width:10px; height:10px; margin:0 3px; overflow:hidden; text-indent:-99999em; background:#6e6e6e; cursor:pointer; opacity:.8; -webkit-transition:background .5s, opacity .5s; -moz-transition:background .5s, opacity .5s; transition:background .5s, opacity .5s;}
.sliderpager_show a:hover,.sliderpager_show a.selected{background:#db666b;}


.services_indright{float:right; margin-bottom:20px; width:459px;}
.services_indright h4{text-align:center; font-size:18px; margin-bottom:0;}
.services_indright ul{border-bottom:1px solid #ddd; padding-bottom:10px; margin-top:10px; overflow:hidden;}
.services_indright li{float:left; width:91px; border-left:1px solid #ddd; text-align:center;}
.services_indright li i{font-style:normal; font-size:22px;}
.services_indright li a{text-decoration:none; color:#777;}
.services_indright li a:hover{color:#db666b;}
.services_indright li:first-child{border-left:0;}
.services_indright li span{display:block;}
.about_indright{float:right; width:459px;}
.about_indright h4{margin-bottom:10px; color:#333;}
.about_indright p a{text-decoration:underline; color:#333;}
.about_indright p a:hover{color:#db666b;}


/*js index*/
.tabslist{border-bottom:1px solid #FFF; border-top:1px solid #FFF; overflow:hidden;}
.tabslist li{float:left; width:52px; border-left:1px solid #FFF;}
.tabslist li:first-child{border-left:0; width:60px;}
.tabslist li:last-child{ width:60px;}
.tabslist li a{ display:block; text-align:center; height:28px; line-height:28px; text-decoration:none;}
.tabslist li a:hover,.tabslist li.ui-state-active{background-color:#ddd;}
.tab_con{ font-size:12px; padding-top:10px; overflow:hidden;}
.tab_con a{margin-right:40px; white-space:nowrap; float:left;}


/**/
.sub_menu{overflow:hidden; padding-bottom:10px;}
.sub_menu li{float:left; margin-right:16px;}
.sub_menu li a.active{ color:#d94650;}
.sub_menu .tag{float:right; margin-right:0; width:104px;}
.sub_menu .color{float:right; margin-right:10px; width:104px;}
.sub_menu .tag a,.sub_menu .color a{display:block; text-align:center; background-color:#e4e4e4; cursor:pointer; text-decoration:none;}
.sub_menu .tag a:hover,.sub_menu .color a:hover{background-color:#db666b; color:#FFF;}
.sub_menu .tag a.od_button_open,.sub_menu .color a.od_button_open{background-color:#db666b; color:#FFF;}
.filter{display:none; overflow:hidden; padding-top:10px; text-align:center; border-bottom:1px solid #ddd; padding-bottom:20px;}
.filter li{float:left; background-color:rgb(92, 92, 92); padding:0px 10px; height:26px; line-height:26px; color:rgb(255, 255, 255); margin-right:8px; margin-top:8px; display:block; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px;}
.filter li a{color:#FFF;}
.filter .color{display:inline-block; width:80px; height:80px; margin-top:8px; position:relative;}
.filter .color em{border-radius:30px; -moz-border-radius:30px; -ms-border-radius:30px; -o-border-radius:30px; -webkit-border-radius:30px; display:block; width:60px; height:60px; margin:0 auto;}
.filter .color a{display:block; position:absolute; padding-top:60px; top:0; left:0; width:100%;}
.red em{background-color:red;}
.yellow em{background-color:yellow;}
.green em{background-color:green;}
.blue em{background-color:blue;}
.orange em{background-color:orange;}
.pink em{background-color:pink;}
.gray em{background-color:gray;}
.white em{background-color:white;}
.black em{background-color:black;}
.brown em{background-color:brown;}

.pic_w_con{overflow:hidden;}
.pic_w_con li{float:left; margin-left:8px; width:111px; height:111px; overflow:hidden;}
.pic_w_con li:first-child{margin-left:0;}


/*centre_col*/
.centre_col{float:left; width:941px; overflow:hidden;}
.centre_col ul{overflow:hidden;}
.centre_col li{float:left; width:459px; margin-right:0; border-bottom:1px solid #ddd; margin-top:20px;}
.centre_col li:nth-child(2n+1){margin-right:23px;}
.centre_col li:nth-child(1),
.centre_col li:nth-child(2){margin-top:0;}
.centre_col li .img{overflow:hidden; width:459px; height:170px;}
.centre_col h1{margin-top:5px;}
.centre_col h1 a{color:#333;}
.centre_col h1 a:hover{color:#db666b;}
.centre_col p.time{font-size:12px; color:#999; margin-bottom:5px;}
.centre_col p.con{min-height:94px; max-height:94px; overflow:hidden; text-align:justify; text-justify:inter-ideograph;}
.centre_col p.con a{color:#666;}

.centre_col_list{float:right; width:218px;}
.centre_col_list dt{font-weight:bold; border-bottom:2px solid #ddd; padding-left:10px; padding-right:10px; padding-bottom:8px;}
.centre_col_list dd{border-bottom:1px solid #ddd; padding-left:10px; padding-right:10px; line-height:36px;}

.centre_col_more{text-align:right; margin-top:20px;}



.ac_main{float:left; width:941px; overflow:hidden;}

.ac_main span.time{color:#999;}
.ac_main h1.article_heading{font-weight:bold; font-size:30px; clear:both; line-height:34px; border-bottom:3px solid #ddd; padding-bottom:8px;}
.article_body{clear:both; margin:20px 0px 20px 0px; float:left; line-height:2em; font-family:Arial;}
.article_body p{margin:0px 0px 16px; widows:3; orphans:3;}
.article_body pre{width:96%; overflow:auto; margin:10px 0px; padding:5px; border:1px dotted #999;}

.storySelector{position:fixed; bottom:50px; margin-bottom:160px; z-index:99999;}
.storySelector .previous{position:fixed; left:0;}
.storySelector .next{position:fixed; right:0;}
.storySelector .with_image{}
.storySelector p a{background-color:rgba(50,50,50,.5); padding:15px 10px; color:#fff; text-decoration:none;}
.storySelector p a:hover{background-color:rgba(50,50,50,1);}
.storySelector p span{display:inline-block; width:20px; text-align:center;}
.storySelector p a{color:#fff;}
.storySelector .image_container{ display:none; position:absolute; width:inherit; font-size:12px; top:-13px; background-color:rgba(50,50,50,.5); color:#fff; padding:2px;}
.storySelector .image_container span{width:120px; height:50px; overflow:hidden;}
.storySelector .image_container p{padding:5px; margin-bottom:0;}
.storySelector .previous .image_container{left:90px;}
.storySelector .next .image_container{right:90px; text-align:right;}




/*listitem*/
.listitem{ overflow:hidden;}
.listitem li{float:left; margin-top:21px; margin-right:23px; width:218px;}
.listitem li:nth-child(5),.listitem li:nth-child(10),.listitem li:nth-child(15){margin-right:0;}
.listitem .screenshot{width:100%; position:relative; margin-bottom:6px;}
.listitem .screenshot .info{position:absolute; width:100%; top:0; left:0; cursor:pointer; background:none repeat scroll 0% 0% rgba(68, 68, 68, 0.8); height:122px; z-index:1; opacity:0;}
.listitem .screenshot .state{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#FFF; height:28px; line-height:28px; margin-top:-12px; text-shadow:1px 1px 0px rgb(51, 51, 51); z-index:2;}
.listitem .name a{color:#d9474d;}
.listitem .tag {font-size:12px;}
.listitem .tag i{color:#999; float:left; margin-right:5px; font-style:normal;}
.listitem .tag a{float:left; margin-right:5px; white-space:nowrap;}


/*desgin*/
.item_col{float:left; margin-left:23px; width:459px;}
.item_col h1{color:#d94650; font-size:24px; margin-bottom:10px;}
.item_col p{margin-bottom:20px; color:#666; line-height:22px;}
.item_col .tags{line-height:24px; overflow:hidden; margin-bottom:0px;}
.item_col .tags a{float:left; background-color:rgb(92, 92, 92); padding:0px 10px; height:26px; line-height:26px; color:rgb(255, 255, 255); margin-right:8px; margin-top:8px; display:block; cursor:pointer; border-radius:2px; -moz-border-radius:2px; -ms-border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px;}
.item_col div.credits{margin-bottom:20px;}
.item_col div.credits p{margin-bottom:5px; border-bottom:1px solid #ddd; padding-bottom:5px;}
.item_col div.credits p span{float:left; width:45px;}
.item_col div.credits p a{color:#d94650;}


/*content*/
.contentInBounds{border-top:1px solid #ddd; padding-top:30px;}
.canvasForm{float:left; width:700px;}
.contact_info{float:left; width:430px; padding-left:28px; margin-left:23px; border-left:1px solid #ddd;}

.canvasForm dt{font-size:18px; text-align:center;}
.canvasForm dd{margin-top:10px;}
.canvasForm label{width:200px; display:block; float:left; text-align:right; padding-right:20px;}

.contact_info .tet_ch{float:left; font-size:28px; margin-bottom:10px; margin-top:6px; margin-right:10px; color:#d94650;}
.contact_info .tet{margin-bottom:-6px; color:#999; text-transform:uppercase;}

.canvasForm input[type="text"]{width:57.1429%; padding:8px 8px; color:rgb(51, 51, 51);
    border-width:medium 1px 1px medium;
    border-style:none solid solid none;
    border-color:-moz-use-text-color rgb(255, 255, 255) rgb(255, 255, 255) -moz-use-text-color;
    -moz-border-top-colors:none;
    -moz-border-right-colors:none;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    border-image:none;
    background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.07);
    border-radius:4px 4px 4px 4px;
    box-shadow:0px 1px 2px rgba(0, 0, 0, 0.12) inset;
    transition:background-color 0.2s ease 0s;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}

.canvasForm textarea{width:57.1429%; padding:8px 8px; color:rgb(51, 51, 51); margin-left:220px;
    border-width:medium 1px 1px medium;
    border-style:none solid solid none;
    border-color:-moz-use-text-color rgb(255, 255, 255) rgb(255, 255, 255) -moz-use-text-color;
    -moz-border-top-colors:none;
    -moz-border-right-colors:none;
    -moz-border-bottom-colors:none;
    -moz-border-left-colors:none;
    border-image:none;
    background:none repeat scroll 0% 0% rgba(0, 0, 0, 0.07);
    border-radius:4px 4px 4px 4px;
    box-shadow:0px 1px 2px rgba(0, 0, 0, 0.12) inset;
    transition:background-color 0.2s ease 0s;
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
            box-sizing:border-box;
}
.canvasForm .canvasF_button{padding:7px 22px; font-size:20px; font-weight:bold; text-decoration:none; color:rgb(255, 255, 255); border:medium none; border-radius:4px 4px 4px 4px; background-color:#d94650; margin-left:220px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}


/*ajiax*/
.ajax_left_nav{float:left; width:218px; margin-right:23px;}
.ajax_left_nav dl{}
.ajax_left_nav dl dt{line-height:28px; padding-top:8px; font-weight:bold;}
.ajax_left_nav dl dt:first-child{padding-top:0;}
.ajax_left_nav dl dt em{display:inline-block; width:18px; height:15px; font-weight:normal;}
.ajax_left_nav dl dd{margin-left:18px; line-height:24px;}

.ajax_right_main{float:left; width:920px; padding-left:20px; border-left:1px solid #ddd; margin-bottom:30px; min-height:500px;}
.ajax_tile{}

.ajax_right_list{width:100%; overflow:hidden;}
.ajax_right_list h1{cursor:pointer; width:100%; border-top:1px solid #ddd; padding-bottom:5px; padding-top:5px; font-size:16px;}
.ajax_right_list h1 em{display:inline-block; width:20px; color:#666;}
.ajax_right_list div.dictc_m{margin-top:5px; padding-bottom:10px; overflow:hidden;}
.ajax_right_list div.feature{line-height:1.5em;}
.ajax_right_list div.feature p{margin-top:10px; margin-bottom:0;}
.ajax_right_list div.feature p.tags{margin-bottom:20px;}
.ajax_right_list div.feature a{color:#d94650;}
.ajax_right_list div.feature p.tags a{margin-left:5px;}


/*piclist*/
.piclist{ overflow:hidden;}
.piclist li{float:left; width:218px; margin-right:23px; margin-top:23px;}
.piclist li:nth-child(5n+5){margin-right:0;}
.piclist li .img{width:218px; height:180px; overflow:hidden;}
.piclist li .img img{width:inherit; max-width:none; height:inherit;}
.piclist li p{height:38px; overflow:hidden; margin-top:5px; font-size:12px;}

.pic_con{position:relative; z-index:1;}
.pic_con h1{margin-top:10px; position:relative;}
.pic_con .photo{position:relative; margin:20px auto; text-align:center; min-height:400px; z-index:2;}
.pic_con .download{position:absolute; width:100%; left:0; bottom:0; text-align:center; z-index:3;}
.pic_con .download a{font-size:22px; display:block; background-color:rgba(152,152,152,.2); text-decoration:none;}
.pic_con .download a:hover{color:#d94650; background-color:rgba(152,152,152,.4);}
.pic_con .download em{margin-right:5px; display:inline-block;}

/*about*/
.about_l{max-width:700px; float:left;}
.about_r{float:right; text-align:right;}

.about_l h1{font-size:22px; margin-bottom:10px; font-weight:normal;}
.about_l h2{font-size:22px; margin-bottom:10px; font-weight:normal;}
.about_l h2 a{color:#d94650; text-decoration:underline;}
.about_l h2 a:hover{text-decoration:none;}
.about_l strong{text-transform:uppercase;}
.about_l span{display:inline-block; margin-right:10px;}
.about_r h2{font-size:24px; margin-bottom:10px; font-weight:normal;}
.about_r a.button{display:inline-block; background-color:#d94650; padding:10px 15px; font-size:16px; color:#FFF; text-decoration:none;}
.about_r a.button:hover{background-color:#666;}


/*service*/
.servicesTile{font-size:48px; color:#ddd; height:48px; line-height:48px;}
.nav_top{ background-color:#707070; overflow:hidden; margin-bottom:36px;}
.nav_top li{float:left; line-height:43px; margin-left:28px;}
.nav_top li a{color:#ccc;}
.nav_top li a.active{color:#FFF;}

.tet_header{color:#7c7c7c; text-align:center; padding-bottom:36px;}
.tet_header big{font-size:24px; color:#6c6c6c; margin-top:5px; display:block; line-height:120%;}

.con_services{padding-top:50px; border-top:1px solid #ddd;}

.leftnav_ser{float:left; margin-right:23px;}
.leftnav_ser li{width:218px; height:55px; line-height:55px; margin-top:10px; background-color:#d2d2d2;}
.leftnav_ser li:first-child{margin-top:0;}
.leftnav_ser li i{width:70px; text-align:center; float:left; display:inline-block; height:55px; border-right:1px solid #efefef; margin-right:10px; line-height:55px; font-size:22px;}
.leftnav_ser li a{text-decoration:none;}
.leftnav_ser li.ui-state-active a{color:#d94650;}

.con_ser{float:left; width:482px;}
.con_ser a{background-color:#d94650; color:#fff; text-decoration:none; padding:10px 15px;}


.allpic_ser{width:318px; height:318px; position:relative; float:left; margin-left:70px;}
.allpic_ser .pic{position:absolute; z-index:1; width:318px; height:318px; top:0; left:0; background:url(../images/p_services.png) no-repeat;}
.allpic_ser .hongma{position:absolute; width:150px; height:150px; background:url(../images/hongma_gray.png) no-repeat; z-index:2; left:84px; top:84px;}

.allpic_ser .pic{-webkit-transition:transform .3s linear; -moz-transition:transform .3s linear; transition:transform .3s linear;}
.d_1{transform:rotate(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg);}
.d_2{transform:rotate(-72deg); -webkit-transform:rotate(-72deg); -moz-transform:rotate(-72deg); -o-transform:rotate(-72deg); -ms-transform:rotate(-72deg);}
.d_3{transform:rotate(-144deg); -webkit-transform:rotate(-144deg); -moz-transform:rotate(-144deg); -o-transform:rotate(-144deg); -ms-transform:rotate(-144deg);}
.d_4{transform:rotate(-216deg); -webkit-transform:rotate(-216deg); -moz-transform:rotate(-216deg); -o-transform:rotate(-216deg); -ms-transform:rotate(-216deg);}
.d_5{transform:rotate(-288deg); -webkit-transform:rotate(-288deg); -moz-transform:rotate(-288deg); -o-transform:rotate(-288deg); -ms-transform:rotate(-288deg);}


.ser_ct_l{float:left; width:459px; text-align:center;}
.ser_ct_r{float:left; width:459px; text-align:center;}
.ser_ct_icon{float:left; width:218px; margin-left:23px; margin-right:23px;}
.ser_ct_icon .iconWrap{border-radius:90px; -moz-border-radius:90px; -ms-border-radius:90px; -o-border-radius:90px; -webkit-border-radius:90px; width:140px; height:140px; margin:0 auto; padding:20px;}
.ser_ct_icon .iconWrap_s{border-radius:70px; -moz-border-radius:70px; -ms-border-radius:70px; -o-border-radius:70px; -webkit-border-radius:70px; width:140px; height:140px; color:#FFF; text-align:center;}
.ser_ct_icon span{font-size:72px; margin-top:34px; width:72px; height:72px; display:inline-block;}

.iw_strategy .iconWrap{background-color:#f0b5b9;}
.iw_strategy .iconWrap_s{background-color:#d9474d;}
.iw_ue .iconWrap{background-color:#ffbe96;}
.iw_ue .iconWrap_s{background-color:#ff5b00;}
.iw_design .iconWrap{background-color:#bcd9a2;}
.iw_design .iconWrap_s{background-color:#58a000;}
.iw_development .iconWrap{background-color:#a4d7ed;}
.iw_development .iconWrap_s{background-color:#199ad3;}
.iw_marketing .iconWrap{background-color:#e3b1d4;}
.iw_marketing .iconWrap_s{background-color:#b93d93;}


.ser_c_tile{border-top:1px solid #ddd; margin-top:40px; padding-top:40px; padding-bottom:30px;}
.ser_c_tile h1{font-size:26px; margin-bottom:10px;}

.col{float:left; width:378px; margin-right:23px; margin-bottom:24px;}
.col:nth-child(3n+3){margin-right:0;}
.col h1{margin-bottom:5px;}

.innerCircle{width:132px; height:92px; float:left; margin-right:10px; margin-top:3px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;}

.strategyContain .smallCircle .innerCircle{background-image:url(../images/exptertise_icons_strategy_sprites.png); background-repeat:no-repeat; background-color:#d94650;}
.strategyIcon_1 .innerCircle{background-position:14px -4px;}
.strategyIcon_2 .innerCircle{background-position:-184px -4px;}
.strategyIcon_3 .innerCircle{background-position:-384px -4px;}
.strategyIcon_4 .innerCircle{background-position:-584px -4px;}

.ueContain .smallCircle .innerCircle{background-image:url(../images/exptertise_icons_ux_sprites.png); background-repeat:no-repeat; background-color:#ff5904;}
.ueIcon_1 .innerCircle{background-position:14px -4px;}
.ueIcon_2 .innerCircle{background-position:-602px -4px;}
.ueIcon_3 .innerCircle{background-position:-398px -4px;}
.ueIcon_4 .innerCircle{background-position:-188px -4px;}

.designContain .smallCircle .innerCircle{background-image:url(../images/exptertise_icons_design_sprites_v2.png); background-repeat:no-repeat; background-color:#56a026;}
.designIcon_5 .innerCircle{background-position:14px -4px;}
.designIcon_1 .innerCircle{background-position:-184px -4px;}
.designIcon_3 .innerCircle{background-position:-384px -4px;}
.designIcon_6 .innerCircle{background-position:-584px -4px;}
.designIcon_2 .innerCircle{background-position:-784px -4px;}
.designIcon_4 .innerCircle{background-position:-984px -4px;}

.developmentContain .smallCircle .innerCircle{background-image:url(../images/exptertise_icons_dev_sprites.png); background-repeat:no-repeat; background-color:#1b9bce;}
.developmentIcon_1 .innerCircle{background-position:14px -4px;}
.developmentIcon_2 .innerCircle{background-position:-184px -4px;}
.developmentIcon_3 .innerCircle{background-position:-384px -4px;}
.developmentIcon_4 .innerCircle{background-position:-584px -4px;}
.developmentIcon_5 .innerCircle{background-position:-790px -4px;}
.developmentIcon_6 .innerCircle{background-position:-998px -4px;}
.developmentIcon_7 .innerCircle{background-position:-1204px -4px;}

.marketingContain .smallCircle .innerCircle{background-image:url(../images/exptertise_icons_marketing_sprites.png); background-repeat:no-repeat; background-color:#ba3d8f;}
.marketingIcon_1 .innerCircle{background-position:14px -4px;}
.marketingIcon_2 .innerCircle{background-position:-184px -4px;}
.marketingIcon_3 .innerCircle{background-position:-382px -4px;}
.marketingIcon_4 .innerCircle{background-position:-594px -4px;}




/*search*/
.searchTile{}
.searchTile em{font-style:normal; color:#d94650;}
.result{overflow:hidden; margin-top:20px;}
.result .res_title{font-size:16px; font-weight:normal;}
.result .res_title em{font-style:normal; color:#d94650; text-decoration:underline;}
.result .res_title a{color:#333;}
.result .res_title a:hover{color:#d94650;}
.result .res_desc cite{color:#999; font-style:normal;}
.result .res_desc cite a{color:#999;}
.result .res_desc cite a:hover{color:#d94650;}
.result .res_desc em{font-style:normal; color:#d94650; text-decoration:underline;}


/* page */
.pag{width:100%; height:23px; margin:0 0 5px 0;	padding:9px 0; overflow:hidden;}
.pag a,.pag span{float:left; width:30px; height:30px; display:inline-block;	margin-right:6px; line-height:30px;	border:1px solid #CCC;	text-align:center; color:#45494B; background:#D5CFCF;}
.pag span{border:1px solid #CCC;}
.pag a:hover,.pag span.emm-current{border:1px solid #d94650; background:#d94650; color:#fff; text-decoration:none;}
.pag a.button{float:right; margin-left:5px; margin-right:0; width:auto; border:none; padding-left:10px; padding-right:10px;}


/*footer*/
footer{background-color:#FFF; border-top:1px solid #ddd; clear:both; margin-top:70px; padding-bottom:30px; padding-top:20px;}
footer p{margin-bottom:10px;}
footer .usfrid{font-size:12px;}
footer .usfrid strong{font-size:14px; margin-right:10px;}
footer .usfrid a{margin-left:10px; margin-right:10px;}
footer .usfrid a:first-child{margin-left:0;}
footer span{display:inline-block;}
footer .cp{font-size:12px;}
footer .cp strong{text-transform:uppercase;}
footer .cp a{margin-left:10px; margin-right:10px;}
footer .cp a:first-child{margin-left:0;}

footer a.blog{background:url(../images/icon_sina.gif) no-repeat 0 0; margin-left:0px; height:22px; line-height:22px; padding-left:26px; display:inline-block;}
footer a.blog:hover{background-position:0px -22px;}

footer .sitemap{float:right; padding-bottom:10px;}
footer .sitemap strong{font-size:18px; margin-top:20px;}
footer .sitemap a{font-size:12px;}


